<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>

<head>

    <%@ include file="/include/head.jsp"%>
    <title></title>
    <link rel="stylesheet" href="${rootPath}/static/css/hospital.css">
    <link rel="stylesheet" href="${rootPath}/static/plugins/swiper/swiper-3.4.2.min.css">
    <script src="${rootPath}/static/js/mui.pullToRefresh.js"></script>
    <script src="${rootPath}/static/js/mui.pullToRefresh.material.js"></script>
    <script src="${rootPath}/static/js/paginationRequest.js"></script>
    <script src="${rootPath}/static/plugins/swiper/swiper-3.4.2.jquery.min.js"></script>

    <script>
        var dataListUrl="${rootPath}product/productCommentList.do?productId=${product.id}&";
        //var dataListUrl=interfaces["hospitalList"];
        mui.init();

        //页面基础配置
        $(function(){
            //初始化可自由滑动和放大的图片列表
            initFreeSwiper({
                target:".swiper-container",
                clickTar:$(".swiper-slide")
            });
            //初始化推荐栏目轮播
            initFreeSwiper({
                target:".swiper-recommend",
                swiperOption:{
                    freeMode : false,
                    slidesPerView :"auto",
                    spaceBetween:0,
                    pagination : '.swiper-pagination'
                }
            });
            //tab控制按钮居头部时需要做事件重新绑定
            slideWithHeader({
                slide:"slider",
                slideControl:"sliderSegmentedControl"
            })
            //套餐详情内嵌套的自定义的tab切换
            createMyTab({
                tabControl:"#detailTabControl",
                tabItem:".detailTabItem"
            })
        })
        console.log("${productRelatedList}")
    </script>
</head>

<body>
<!-- 主页面标题 -->
<header class="mui-bar mui-bar-nav qy-bg-white">
    <a class="mui-icon mui-icon-back qy-text-black"></a>
    <h1 class="mui-title qy-text-black qy-font-size-20px" style="left: 80px;right: 80px;">
        <div id="sliderSegmentedControl" style="top: 0px;" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
            <a class="mui-control-item mui-active" href="#item1mobile">
                <span>商品<i class="active-line"></i></span>
            </a>
            <a class="mui-control-item" href="#item2mobile">
                <span>详情<i class="active-line"></i></span>
            </a>
            <a class="mui-control-item" href="#item3mobile">
                <span>评价<i class="active-line"></i></span>
            </a>
        </div>
    </h1>
    <span class="qy-flex qy-flex-text-top mui-icon mui-pull-right qy-position-relative">
        <%--注释的为购物车图标样式--%>
        <img src="${rootPath}/static/imgs/shoppingCarLogo-black.png" class="qy-shopcarIcon"/>
        <span class="shoppingCarLabel">1</span>
        <%--以下的为更多选项按钮--%>
        <img src="${rootPath}/static/imgs/showMoreIcon.png" class="qy-showMoreIcon"/>
    </span>
</header>
<nav class="mui-bar mui-bar-tab qy-bg-white qy-border-top">
    <div class="qy-flex qy-full-height">
        <div class="qy-flex-equalSpace qy-text-center qy-font-lineHeight-8px">
            <span class="mui-icon-extra mui-icon-extra-heart-filled qy-text-warning" style="font-size: 20px;"></span>
            <small class="mui-block qy-text-warning">已收藏</small>
        </div>
        <div class="qy-flex-equalSpace qy-text-center qy-font-lineHeight-8px">
            <span class="mui-icon mui-icon-chatboxes qy-no-padding" style="font-size: 20px;"></span>
            <small class="mui-block qy-text-black">咨询</small>
        </div>
        <div class="qy-flex-equalSpace qy-text-center qy-font-lineHeight-8px">
            <a href="http://192.168.0.24:8088/wap/hospitalDetail.do">
                <span class="mui-icon-extra" style="font-size: 20px;">
                    <img style="width: auto;height: 16px;display: inline-block;" src="${rootPath}/static/imgs/hospitalIcon.png" alt="">
                </span>
                <small class="mui-block qy-text-black">机构</small>
            </a>
        </div>
        <div class="qy-flex-equalSpace qy-flex-text-center qy-flex qy-full-height qy-bg-warning qy-text-white">
            加入购物车
        </div>
        <div class="qy-flex-equalSpace qy-flex-text-center qy-flex qy-full-height qy-bg-blue qy-text-white">
            立即购买
        </div>
    </div>
</nav>
<div class="mui-content">
    <div id="slider" class="mui-slider mui-fullscreen">

        <div class="mui-slider-group">
            <div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll">
                        <div class="mui-table-view">
                            <%--图片信息,备用可能有轮播--%>
                            <div class="">
                             <%-- <c:forEach items="${producImgsList} " var="">--%>
                                    <img class="mui-block" src="${rootPath}/static/imgs/productDetail.png" alt="">
                            <%--    </c:forEach>--%>

                            </div>

                            <%--文字信息--%>
                            <div class="qy-padding-8 qy-bg-white">
                                <div class="qy-font-weight-bold qy-text-black qy-font-size-18px qy-margin-horizontal-8">${product.name}</div>
                                <div class="qy-flex qy-flex-text-between">
                                    <div>
                                        <small class="qy-text-red">¥</small>
                                        <span class="qy-text-red qy-font-size-18px" >${product.price}</span>
                                        <del class="qy-text-label qy-font-size-12px qy-margin-vertical-8">¥${product.originPrice}</del>
                                    </div>
                                    <div>
                                        <small class="qy-text-label">预约人数: ${product.appointmentCount+product.virtualAppointmentCount}</small>
                                    </div>
                                </div>
                                <div class="qy-flex qy-border-top-dotted qy-border-bottom-dotted qy-padding-horizontal-8 ">
                                    <c:forEach var="sl" items="${productServeLabelList}">
                                          <span class="qy-flex-equalSpace qy-flex qy-padding-right-8">
                                        <small>
                                            <i class="qy-text-icon ${sl.classPropertyName}">${sl.classPropertyFont}</i>
                                        </small>
                                        <small class="qy-text-label">${sl.classPropertyText}</small>
                                    </span>
                                    </c:forEach>


                                </div>
                            </div>

                            <%--地址信息--%>
                            <a class="mui-block" href="">
                                <div class="qy-flex qy-flex-text-between qy-bg-white qy-margin-horizontal-8 qy-padding-8">
                                    <div class="">
                                        <div class="qy-text-black qy-font-size-18px">${seller.name}</div>
                                        <div class="qy-text-label qy-font-size-14px qy-flex qy-flex-text-top">
                                            ${seller.address}
                                        </div>
                                    </div>
                                    <div class="qy-flex qy-flex-text-right">
                                        <span class="mui-icon mui-icon-arrowright qy-font-size-16px qy-text-label"></span>
                                    </div>
                                </div>
                            </a>

                            <%--评价信息--%>
                            <div class="qy-bg-white qy-margin-horizontal-8 qy-padding-8" id="vueListBox0">
                                <div class="qy-flex qy-flex-text-between qy-border-bottom qy-padding-bottom-8">
                                    <span class="qy-text-label">评价(${product.commentCount})</span>
                                    <div class="qy-text-black qy-flex"><span>综合评分: </span><span class="qy-text-warning">${product.commentScore}分</span><span class="mui-icon mui-icon-arrowright qy-font-size-16px qy-text-label"></span></div>
                                </div>
                                <%--评论信息盒子--%>
                                <div id="userCommentBox">

                                    <div class="qy-border-bottom qy-bg-white qy-margin-top-8 qy-padding-8" v-for="ele in datas">
                                    <div class="qy-flex qy-flex-text-between">
                                        <div class="qy-flex">
                                            <span style="border: 2px solid #019EEB;border-radius: 50%;overflow: hidden;display: inline-block;height: 24px;width: 24px;">
                                                <img style="height: 100%;" :src="ele.headurl"  alt="">
                                            </span>
                                            <span class="qy-text-16 qy-margin-vertical-8">
                                              {{ele.username}}
                                            </span>
                                        </div>

                                        <div class="qy-text-warning">
                                            评分:{{ele.star}}
                                        </div>
                                    </div>

                                    <div class="qy-margin-top-8">
                                        <small class="qy-text-label">机构服务:</small>
                                        <span v-if="ele.organizationSeiviceScore == 0 ||ele.organizationSeiviceScore == 1">
                                        <small class="qy-text-warning qy-margin-vertical-8">差评</small>
                                        </span>
                                        <span v-if="ele.organizationSeiviceScore == 3 ||ele.organizationSeiviceScore == 2">
                                        <small class="qy-text-warning qy-margin-vertical-8">一般</small>
                                        </span>
                                        <span v-if="ele.organizationSeiviceScore == 4 ||ele.organizationSeiviceScore == 5">
                                        <small class="qy-text-warning qy-margin-vertical-8">满意</small>
                                        </span>
                                        <small class="qy-text-label">机构环境:</small>
                                        <span v-if="ele.organizationEnvironmentScore == 0 ||ele.organizationEnvironmentScore == 1">
                                        <small class="qy-text-warning qy-margin-vertical-8">差评</small>
                                        </span>
                                        <span v-if="ele.organizationEnvironmentScore == 3 ||ele.organizationEnvironmentScore == 2">
                                        <small class="qy-text-warning qy-margin-vertical-8">一般</small>
                                        </span>
                                        <span v-if="ele.organizationEnvironmentScore == 4 ||ele.organizationEnvironmentScore == 5">
                                        <small class="qy-text-warning qy-margin-vertical-8">满意</small>
                                        </span>
                                    </div>

                                    <div class="qy-margin-top-8 qy-text-justify">
                                        <span class="qy-text-16">
                                           {{ele.content}}
                                        </span>
                                    </div>


                                    <%--图片滑动区域--%>
                                        <div v-if="ele.commentImgs.length>0" :selfCode="'swiper-container'+ele.id" :class="'swiper-container'+ele.id" class="swiper-container" v-focus>
                                            <div class="swiper-wrapper">
                                                <div style="width: auto;" :selfCode="'swiper-slide'+ele.id" :class="'swiper-slide'+ele.id" class="swiper-slide" v-for="img in ele.commentImgs">
                                                    <img style="height: 100px;width: auto;" :src="img.thumbnailImg" alt="">
                                                </div>
                                            </div>
                                        </div>

                                    <div class="qy-margin-horizontal-8 qy-bg-default qy-text-justify qy-padding-vertical-8">
                                        <span class="qy-text-16 qy-text-label">
                                            机构回复: {{ele.replyContent}}
                                        </span>
                                    </div>

                                </div>

                                    <%--按钮--%>
                                    <div class="qy-text-center qy-padding-vertical-8 qy-padding-top-8">
                                        <span class="mui-btn mui-btn-outlined qy-text-label">查看全部评论</span>
                                    </div>
                                </div>
                            </div>

                            <%--更多产品推荐--%>
                            <div class="qy-bg-white qy-margin-top-8 qy-padding-bottom-8">
                                <div class="qy-padding-horizontal-8 qy-margin-vertical-8 qy-border-bottom qy-text-black qy-text-center">
                                    为你推荐
                                </div>
                                <%----%>
                                <div class="swiper-recommend qy-margin-horizontal-16 qy-position-relative">
                                    <div class="swiper-wrapper">
                                        <div class="swiper-slide">
                                            <div class="qy-padding-vertical-8 qy-flex">
                                                <c:forEach var="rl" items="${productRelatedList}" varStatus="a">
                                                <c:if test="${a.index > 0&&a.index%3==0}">
                                                    </div></div>
                                                    <div class="swiper-slide">
                                                    <div class="qy-padding-vertical-8 qy-flex">
                                                </c:if>
                                                <div class="qy-flex-equalSpace qy-padding-vertical-8">
                                                    <a href="">
                                                        <img style="width: 100%;max-height:100px;display: block;margin: 0 auto;" src=" ${rl.thumbnailImg}" alt="">
                                                        <div class="qy-text-black qy-font-size-14px qy-font-weight-bold">
                                                                ${rl.produnctName}
                                                        </div>
                                                        <div class="qy-text-red">
                                                            <small>¥</small>
                                                            <span class="qy-font-size-14px"> ${rl.price}</span>
                                                        </div>
                                                    </a>
                                                </div>
                                                </c:forEach>
                                            </div>
                                        </div>
                                        </div>
                                    <div class="swiper-pagination" style="bottom: -24px"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="item2mobile" class="mui-slider-item mui-control-content">
                <div id="detailTabControl" class="qy-flex qy-flex-fullHeight qy-bg-white qy-border-top qy-border-bottom">
                            <span class="qy-flex-equalSpace qy-text-center qy-active qy-padding-horizontal-8">
                                <div class="qy-border-right">套餐介绍</div>
                            </span>
                    <span class="qy-flex-equalSpace qy-text-center qy-padding-horizontal-8">
                                <div class="qy-border-right">体检须知</div>
                            </span>
                    <span class="qy-flex-equalSpace qy-text-center qy-padding-horizontal-8">
                                <div class="qy-border-right">预约流程</div>
                            </span>
                </div>
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll">
                        <div class="detailTabItem">
                        
                            ${product.detail}
                        </div>
                        <div class="detailTabItem">
                           <%-- <div class="qy-bg-white qy-margin-top-8 qy-padding-bottom-8">
                                <div class="qy-flex qy-flex-text-center qy-padding-horizontal-8">
                                    <hr style="width: 95%;margin:0 auto;border:none;border-top: 1px solid rgb(204, 204, 204);position:absolute;">
                                    <small class="qy-text-label qy-bg-white qy-padding-vertical-8" style="position:relative;z-index:5;">体检时间及需携带材料</small>
                                </div>
                                <div class=" qy-padding-vertical-8">
                                    <div>1、体检时间：按照预约时间准时到达体检机构，体检请务必携带本人身份证件。</div>
                                    <div>2、如有以下情况请提供相关资料给体检医师参考，例如：近半个月做过手术；三天内曾有腹泻；经常服用保健品或激</div>
                                </div>
                            </div>
                            <div class="qy-bg-white qy-margin-top-8 qy-padding-bottom-8">
                                <div class="qy-flex qy-flex-text-center qy-padding-horizontal-8">
                                    <hr style="width: 95%;margin:0 auto;border:none;border-top: 1px solid rgb(204, 204, 204);position:absolute;">
                                    <small class="qy-text-label qy-bg-white qy-padding-vertical-8" style="position:relative;z-index:5;">体检前</small>
                                </div>
                                <div class=" qy-padding-vertical-8">
                                    <div>1、体检前三天，请保持正常饮食，不吃油腻食物、动物内脏、鸡血、鸭血等血制品及不易消化的高蛋白食物，勿饮酒。</div>
                                    <div>2、 体检前一天尽量不要进行繁重的体力劳动和剧烈运动，避免情绪激动，保证充分睡眠，以免影响体检的结果。 </div>
                                    <div>3、体检前一天晚上20:00后不再进食，22:00以后禁水，体检当日早晨禁食禁水，保持空腹。 </div>
                                    <div>4、如受检者患有糖尿病、高血压、心脏病、哮喘等慢性疾病正在应用药物治疗者，受检日不要停药，喝少量水服药。 </div>
                                    <div>5、怀孕或可能 饰品，70岁以上或行动不方便的请安排家属陪同。 </div>
                                </div>
                            </div>
                            <div class="qy-bg-white qy-margin-top-8 qy-padding-bottom-8">
                                <div class="qy-flex qy-flex-text-center qy-padding-horizontal-8">
                                    <hr style="width: 95%;margin:0 auto;border:none;border-top: 1px solid rgb(204, 204, 204);position:absolute;">
                                    <small class="qy-text-label qy-bg-white qy-padding-vertical-8" style="position:relative;z-index:5;">体检中</small>
                                </div>
                                <div class=" qy-padding-vertical-8">
                                    <div>1、需空腹检查的项目为抽血、腹部B超、数字胃肠，胃镜及其它标注的体检项目。 </div>
                                    <div>2、空腹抽血：抽血后应按压抽血处，5分钟后方可放松（切忌揉搓针孔处）。如发生“晕针”，不要慌张，应平躺；低血   </div>
                                    <div>3、眼科检查：请勿佩戴隐形眼镜，如戴隐形眼镜，请自备眼药水和镜盒。 </div>
                                    <div>4、B超检查：检查肝、胆、胰者，检查前请空腹（即检查前一天晚上晚餐后不再吃其它食物）；女性检查盆腔、子宫、    </div>
                                    <div>5、怀孕或可能 饰品，70岁以上或行动不方便的请安排家属陪同。 </div>
                                </div>
                            </div>
                            <div class="qy-bg-white qy-margin-top-8 qy-padding-bottom-8">
                                <div class="qy-flex qy-flex-text-center qy-padding-horizontal-8">
                                    <hr style="width: 95%;margin:0 auto;border:none;border-top: 1px solid rgb(204, 204, 204);position:absolute;">
                                    <small class="qy-text-label qy-bg-white qy-padding-vertical-8" style="position:relative;z-index:5;">体检后</small>
                                </div>
                                <div class=" qy-padding-vertical-8">
                                    <div>1、需空腹检查的项目为抽血、腹部B超、数字胃肠，胃镜及其它标注的体检项目。 </div>
                                    <div>2、空腹抽血：抽血后应按压抽血处，5分钟后方可放松（切忌揉搓针孔处）。如发生“晕针”，不要慌张，应平躺；低血   </div>
                                    <div>3、眼科检查：请勿佩戴隐形眼镜，如戴隐形眼镜，请自备眼药水和镜盒。 </div>
                                    <div>4、B超检查：检查肝、胆、胰者，检查前请空腹（即检查前一天晚上晚餐后不再吃其它食物）；女性检查盆腔、子宫、    </div>
                                    <div>5、怀孕或可能 饰品，70岁以上或行动不方便的请安排家属陪同。 </div>
                                </div>
                            </div>--%>
                               ${product.buyInfo}
                        </div>
                        <div class="detailTabItem">
                          <%--  <div class="mui-block mui-clearfix qy-bg-white qy-padding-left-8px qy-padding-right-8px qy-margin-top-8px">
                                <table class="mui-pull-right" width="90%" style="border-left: 1px solid #eeeeee;">
                                    <tr>
                                        <td style="width: 20%;padding: 8px 0;"><img src="${rootPath}/static/imgs/detailIcon1.png" alt="" style="margin-left: -50%;width: 100%;display: block;z-index: 10;"></td>
                                        <td style="width: 80%;">
                                            <span class="mui-block">选购套餐</span>
                                            <small class="qy-text-label">通过祺云大健康选购合适自己的体检套餐</small>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 20%;padding: 8px 0;"><img src="${rootPath}/static/imgs/detailIcon2.png" alt="" style="margin-left: -50%;width: 100%;display: block;z-index: 10;"></td>
                                        <td style="width: 80%;">
                                            <span class="mui-block">预约体检</span>
                                            <small class="qy-text-label">可在提交订单时填写体检人信息预约或购买后前往个人中心待预约体检进行预约</small>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 20%;padding: 8px 0;"><img src="${rootPath}/static/imgs/detailIcon3.png" alt="" style="margin-left: -50%;width: 100%;display: block;z-index: 10;"></td>
                                        <td style="width: 80%;">
                                            <span class="mui-block">前往体检</span>
                                            <small class="qy-text-label">预约后按时前往体检中心，现场出示有效证件即可体检</small>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 20%;padding: 8px 0;"><img src="${rootPath}/static/imgs/detailIcon4.png" alt="" style="margin-left: -50%;width: 100%;display: block;z-index: 10;"></td>
                                        <td style="width: 80%;">
                                            <span class="mui-block">领取报告</span>
                                            <small class="qy-text-label">体检完成后一般在3-7个工作日出具报告，可去体检中心 拿报告，或在祺云大健康在线查报告</small>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="width: 20%;padding: 8px 0;"><img src="${rootPath}/static/imgs/detailIcon5.png" alt="" style="margin-left: -50%;width: 100%;display: block;z-index: 10;"></td>
                                        <td style="width: 80%;">
                                            <span class="mui-block">检后服务</span>
                                            <small class="qy-text-label">通过祺云大健康预约可免费享受专家解读报告、医生咨询、 健康评估等多重复服务</small>
                                        </td>
                                    </tr>
                                </table>
                            </div>--%>

                              ${product.appointmentInfo}

                        </div>
                        <ul class="mui-table-view" style="display: none;" id="vueListBox1">
                            <li class="mui-table-view-cell qy-margin-horizontal-8" v-for="ele in datas">
                                <div class="mui-row">
                                    <div class="mui-col-xs-3">
                                        <%--<img v-bind:src=ele.logoUrl alt="">--%>
                                        <img style="width: 90%;" src="http://web.qydjk.org/resource/front/shop/image/product/20171204/2017120417060002033121.png" alt=""> </div>
                                    <div class="mui-col-xs-9">
                                        <div class="qy-margin-horizontal-4 font-size-21">{{ele.productName}}</div>
                                        <div class="qy-flex qy-flex-text-between qy-margin-top-8">
                                            <span class="qy-text-red font-size-18"><small>&yen;</small>{{ele.salesPrice}}</span>
                                        </div>
                                        <div class="qy-flex qy-flex-text-between">
                                            <del class="font-size-12 qy-text-label">&yen;{{ele.marketPrice}}</del>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div id="item3mobile" class="mui-slider-item mui-control-content">
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll" id="vueListBox2">
                        <div class="mui-loading">
                            <div class="mui-spinner">
                            </div>
                        </div>
                        <div class="mui-table-view">
                            <div class="qy-border-bottom qy-bg-white qy-margin-top-8 qy-padding-8" v-for="ele in datas">
                                <div class="qy-flex qy-flex-text-between">
                                    <div class="qy-flex">
                                            <span style="border: 2px solid #019EEB;border-radius: 50%;overflow: hidden;display: inline-block;height: 24px;width: 24px;">
                                                <img style="height: 100%;" :src="ele.headurl"  alt="">
                                            </span>
                                        <span class="qy-text-16 qy-margin-vertical-8">
                                              {{ele.username}}
                                            </span>
                                    </div>

                                    <div class="qy-text-warning">
                                        评分:{{ele.star}}
                                    </div>
                                </div>

                                <div class="qy-margin-top-8">
                                    <small class="qy-text-label">机构服务:</small>
                                    <span v-if="ele.organizationSeiviceScore == 0 ||ele.organizationSeiviceScore == 1">
                                        <small class="qy-text-warning qy-margin-vertical-8">差评</small>
                                        </span>
                                    <span v-if="ele.organizationSeiviceScore == 3 ||ele.organizationSeiviceScore == 2">
                                        <small class="qy-text-warning qy-margin-vertical-8">一般</small>
                                        </span>
                                    <span v-if="ele.organizationSeiviceScore == 4 ||ele.organizationSeiviceScore == 5">
                                        <small class="qy-text-warning qy-margin-vertical-8">满意</small>
                                        </span>
                                    <small class="qy-text-label">机构环境:</small>
                                    <span v-if="ele.organizationEnvironmentScore == 0 ||ele.organizationEnvironmentScore == 1">
                                        <small class="qy-text-warning qy-margin-vertical-8">差评</small>
                                        </span>
                                    <span v-if="ele.organizationEnvironmentScore == 3 ||ele.organizationEnvironmentScore == 2">
                                        <small class="qy-text-warning qy-margin-vertical-8">一般</small>
                                        </span>
                                    <span v-if="ele.organizationEnvironmentScore == 4 ||ele.organizationEnvironmentScore == 5">
                                        <small class="qy-text-warning qy-margin-vertical-8">满意</small>
                                        </span>
                                </div>

                                <div class="qy-margin-top-8 qy-text-justify">
                                        <span class="qy-text-16">
                                           {{ele.content}}
                                        </span>
                                </div>


                                <%--图片滑动区域--%>
                                <div v-if="ele.commentImgs.length>0" :selfCode="'swiper-container'+ele.id" :class="'swiper-container'+ele.id" class="swiper-container" v-focus>
                                    <div class="swiper-wrapper">
                                        <div style="width: auto;" :selfCode="'swiper-slide'+ele.id" :class="'swiper-slide'+ele.id" class="swiper-slide" v-for="img in ele.commentImgs">
                                            <img style="height: 100px;width: auto;" :src="img.thumbnailImg" alt="">
                                        </div>
                                    </div>
                                </div>

                                <div class="qy-margin-horizontal-8 qy-bg-default qy-text-justify qy-padding-vertical-8">
                                        <span class="qy-text-16 qy-text-label">
                                            机构回复: {{ele.replyContent}}
                                        </span>
                                </div>

                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>